<template>
    <div class="dashboard-card" :style="`height:${Height}px;width:${Width}px;`">
        <div class="document"></div>
        <div class="number">{{ CardConfig.number }}</div>
        <div class="gear"></div>
        <div class="text">{{CardConfig.title}}</div>
    </div>
</template>
<script>
export default {
  name: 'DashboardCard',
  props: ['Height', 'Width','CardConfig'],
  data() {
    return {

    }
  },
  computed: {

  },
  created() {

  },
  methods: {
  }
}
</script>
<style scoped>
.dashboard-card {
  background-color: #fff9f9; /* 蓝绿色背景，和原图一致 */
  border-radius: 10px; /* 圆角 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif; /* 字体 */
}


</style>